﻿<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Hui 2.x</title>
    <meta charset="utf-8" />
    <meta name="author" content="百签软件（中山）有限公司，百小僧" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1,minimum-scale=1,user-scalable=no" />
    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
    <link type="text/css" href="../../../css/hui.css" rel="stylesheet" />
    <style type="text/css"></style>
</head>
<body class="hui-body">
    <div class="hui-picturelist hui-display-table hui-width-full hui-clear-both hui-padding-col-5">
        <div class="hui-picturelist-col-2 hui-display-table-cell hui-float-left hui-width-col-2 hui-padding-right-5">
            <div class="hui-picturelist-content hui-touch-active hui-flexbox-row hui-padding-all-5 hui-background-color-white hui-text-align-center">
                <img src="../../../image/test.jpg" class="hui-img-cover hui-height-80 hui-margin-col-auto hui-width-full hui-display-block" />
            </div>
        </div>
        <div class="hui-picturelist-col-2 hui-display-table-cell hui-float-left hui-width-col-2 hui-padding-right-5">
            <div class="hui-picturelist-content hui-touch-active hui-flexbox-row hui-padding-all-5 hui-background-color-white hui-text-align-center">
                <img src="../../../image/test.jpg" class="hui-img-cover hui-height-80 hui-margin-col-auto hui-width-full hui-display-block" />
            </div>
        </div>
    </div>
    <!--======分割线======-->
    <div class="hui-height-5 hui-clear-both"></div>
    <!--======分割线======-->
    <div class="hui-picturelist hui-display-table hui-width-full hui-clear-both hui-padding-col-5">
        <div class="hui-picturelist-col-3 hui-display-table-cell hui-float-left hui-width-col-3  hui-padding-right-5">
            <div class="hui-grid-content hui-touch-active hui-padding-all-5 hui-background-color-white hui-text-align-center">
                <img src="../../../image/test.jpg" class="hui-img-cover hui-height-80 hui-margin-col-auto hui-width-full hui-display-block" />
            </div>
        </div>
        <div class="hui-picturelist-col-3 hui-display-table-cell hui-float-left hui-width-col-3  hui-padding-right-5">
            <div class="hui-grid-content hui-touch-active hui-padding-all-5 hui-background-color-white hui-text-align-center">
                <img src="../../../image/test.jpg" class="hui-img-cover hui-height-80 hui-margin-col-auto hui-width-full hui-display-block" />
            </div>
        </div>
        <div class="hui-picturelist-col-3 hui-display-table-cell hui-float-left hui-width-col-3  hui-padding-right-5">
            <div class="hui-grid-content hui-touch-active hui-padding-all-5 hui-background-color-white hui-text-align-center">
                <img src="../../../image/test.jpg" class="hui-img-cover hui-height-80 hui-margin-col-auto hui-width-full hui-display-block" />
            </div>
        </div>
    </div>
    <!--======分割线======-->
    <div class="hui-height-5 hui-clear-both"></div>
    <!--======分割线======-->
    <div class="hui-picturelist hui-display-table hui-width-full hui-clear-both hui-padding-col-5">
        <div class="hui-picturelist-col-4 hui-display-table-cell hui-float-left hui-width-col-4 hui-padding-right-5">
            <div class="hui-grid-content hui-touch-active hui-padding-all-5 hui-background-color-white hui-text-align-center">
                <img src="../../../image/test.jpg" class="hui-img-cover hui-height-60 hui-margin-col-auto hui-width-full hui-display-block" />
            </div>
        </div>
        <div class="hui-picturelist-col-4 hui-display-table-cell hui-float-left hui-width-col-4 hui-padding-right-5">
            <div class="hui-grid-content hui-touch-active hui-padding-all-5 hui-background-color-white hui-text-align-center">
                <img src="../../../image/test.jpg" class="hui-img-cover hui-height-60 hui-margin-col-auto hui-width-full" />
            </div>
        </div>
        <div class="hui-picturelist-col-4 hui-display-table-cell hui-float-left hui-width-col-4 hui-padding-right-5">
            <div class="hui-grid-content hui-touch-active hui-padding-all-5 hui-background-color-white hui-text-align-center">
                <img src="../../../image/test.jpg" class="hui-img-cover hui-height-60 hui-margin-col-auto hui-width-full hui-display-block" />
            </div>
        </div>
        <div class="hui-picturelist-col-4 hui-display-table-cell hui-float-left hui-width-col-4 hui-padding-right-5">
            <div class="hui-grid-content hui-touch-active hui-padding-all-5 hui-background-color-white hui-text-align-center">
                <img src="../../../image/test.jpg" class="hui-img-cover hui-height-60 hui-margin-col-auto hui-width-full hui-display-block" />
            </div>
        </div>
    </div>
    <!--======分割线======-->
    <div class="hui-height-5 hui-clear-both"></div>
    <!--======分割线======-->
    <div class="hui-picturelist hui-display-table hui-width-full hui-clear-both hui-padding-col-5">
        <div class="hui-picturelist-col-3 hui-display-table-cell hui-float-left hui-width-col-3  hui-padding-right-5">
            <div class="hui-grid-content hui-touch-active hui-padding-all-5 hui-padding-bottom-0 hui-background-color-white hui-text-align-center">
                <img src="../../../image/test.jpg" class="hui-img-cover hui-height-80 hui-margin-col-auto hui-width-full hui-display-block" />
                <div class="hui-font-size-14 hui-padding-top-5">图片名称</div>
            </div>
        </div>
        <div class="hui-picturelist-col-3 hui-display-table-cell hui-float-left hui-width-col-3  hui-padding-right-5">
            <div class="hui-grid-content hui-touch-active hui-padding-all-5 hui-padding-bottom-0 hui-background-color-white hui-text-align-center">
                <img src="../../../image/test.jpg" class="hui-img-cover hui-height-80 hui-margin-col-auto hui-width-full hui-display-block" />
                <div class="hui-font-size-14 hui-padding-top-5">图片名称</div>
            </div>
        </div>
        <div class="hui-picturelist-col-3 hui-display-table-cell hui-float-left hui-width-col-3  hui-padding-right-5">
            <div class="hui-grid-content hui-touch-active hui-padding-all-5 hui-padding-bottom-0 hui-background-color-white hui-text-align-center">
                <img src="../../../image/test.jpg" class="hui-img-cover hui-height-80 hui-margin-col-auto hui-width-full hui-display-block" />
                <div class="hui-font-size-14 hui-padding-top-5">图片名称</div>
            </div>
        </div>
    </div>
    <!--======分割线======-->
    <div class="hui-height-5 hui-clear-both"></div>
    <!--======分割线======-->
    <script type="text/javascript" src="../../../script/hui.js"></script>
    <script type="text/javascript">
    </script>
</body>
</html>
